<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="../css/generic.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/hworker.css" />
		<link type="text/css" href="../css/left_buttons.css"	rel="Stylesheet" />	
    	<link rel="stylesheet" type="text/css" href="../css/navbuttons.css" />
		<link type="text/css" href="../js/jquery/theme/ui.all.css"	rel="Stylesheet" />
		<link type="text/css" href="../css/select_window.css"	rel="Stylesheet" />
		<script type="text/javascript" src="../js/jquery/jquery-1.3.2.min.js"></script>

		<script type="text/javascript"
			src="../js/jquery/jquery-ui-1.7.custom.min.js"></script>
		<script type="text/javascript" src="../js/interface.js"></script>
		<script type="text/javascript" src="../js/select_window.js"></script>
		<script type="text/javascript">
	$(document)
			.ready( function() {
				$('tr:odd').addClass('odd');
				$('tr:even').addClass('even');
				
				});

	$( function() {
		$('#tabs').tabs( {
			fx : [ null, {
				height :'show',
				opacity :'show'
			} ]
		});

		$(".navButton").click( function() {
			//$(this).effect("highlight", {}, 1000);
				$(this).effect("pulsate", {
					times :0
				}, 200);
			});

		$(".ui-tabs .ui-tabs-nav li a").mouseover( function() {
			$(this).animate( {
				opacity :"1"
			}, {
				duration :0
			}).animate( {
				opacity :"0.6"
			}, "slow");
		});
		$(".ui-tabs .ui-tabs-nav li a").mouseout( function() {
			$(this).animate( {
				opacity :"1"
			}, "fast");
		});

	});
</script>

		<title>Insert title here</title>
	</head>
	<body>		
		<div class="main">
			<div class="infoPanel">
				<div class="infoPanelb">
					<div class="infoPanelt">
						<div class="infoPanell">
							<div class="infoPanelr">
								<div class="infoPanelbr">
									<div class="infoPaneltl">
										<div class="infoPanelContent">

											<img src="../images/logo_large.gif" alt="Logo">
								</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>

			<div class="topPanel">
				<div class="navButtonCenter">
					<div class="navButton" style="margin-top: 26px;"><div class="navCard"></div></div>
					<a href="patients.html"><div class="navButton" ><div class="navPatient"></div></div></a>
					<a href="hworkers.html"><div class="navButton"><div class="navDoctor"></div></div></a>
					<a href="analysis.html"><div class="navButton"><div class="navAnlysis"></div></div></a>
					<a href="departments.html"><div class="navButton"><div class="navDep"></div></div></a>
					<a href="modules.html"><div class="navButton"><div class="navModule"></div></div></a>
				</div>
			</div>

			<div class="tabsPanel">
				<div class="tabsPanelTop">

					<div id="tabs">

						<ul class="tabsPanelMiddle">
							<li>
								<a href="#tabs-1"><span class="recordButtonIcoMain"></span>
								</a>
							</li>
							<li>
								<a href="#tabs-2"><span class="recordButtonIcoAdd"></span>
								</a>
							</li>
						</ul>

						<div id="tabs-1">
							<div class="contentb">
								<div class="contentt">
									<div class="contentl">
										<div class="contentr">
											<div class="contentbr">
												<div class="contenttl">
													<div class="contentContent">
														<h3>
															Cards
														</h3>
														Filter <input>
														<table>
															<thead>
																<tr>
																	<td>
																		ID
																	</td>
																	<td>
																		Patient
																	</td>
																	<td>
																		Start date
																	</td>
																	<td>
																		End date
																	</td>
																	<td>
																		Department
																	</td>
																	<td>
																		Doctor
																	</td>		
																	<td>
																		Mod
																	</td>																	
																</tr>
															</thead>
																	<tr>
																<td>
																	0001
																</td>
																<td>
																	<a href="patients.html">Jhon Doe</a>
																</td>
																<td>19.12.76</td>
																<td>19.01.09</td>
																<td>Traumatology</td>
																<td><a href="hworkers.html">dr. Hopkins</a></td>
																<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
															</tr>
															<tr>
																<td>0002</td>
																<td><a href="patients.html">Anna Hill</a></td>
																<td>02.12.08</td>																
																<td>
																	13.01.09
																</td>
																<td>Traumatology</td>
																<td><a href="hworkers.html">dr. Hopkins</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0003</td>
																<td><a href="patients.html">Jhon Richardson</a></td>
																<td>06.02.98</td>		
																<td>
																	06.04.99
																</td>
																<td>Stomatology</td>
																<td><a href="hworkers.html">dr. Haus</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0004</td>
																<td><a href="patients.html">Bred Ferguison</a></td>
																<td>12.12.98</td>	
																<td>
																	12.12.99
																</td>
																<td>Traumatology</td>
																<td><a href="hworkers.html">dr. Smith</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0005</td>
																<td><a href="patients.html">James Bond</a></td>
																<td>06.02.98</td>	
																<td>
																	 12.02.98
																</td>
																<td>Gastroenterology</td>
																<td><a href="hworkers.html">dr. Mytnik</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
																	<tr>
																<td>
																	0006
																</td>
																<td>
																	<a href="patients.html">Jhon Doe</a>
																</td>
																<td>19.12.76</td>
																<td>19.01.09</td>
																<td>Traumatology</td>
																<td><a href="hworkers.html">dr. Hopkins</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0007</td>
																<td><a href="patients.html">Anna Hill</a></td>
																<td>02.12.08</td>																
																<td>
																	13.01.09
																</td>
																<td>Traumatology</td>
																<td><a href="hworkers.html">dr. Hopkins</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0008</td>
																<td><a href="patients.html">Jhon Richardson</a></td>
																<td>06.02.98</td>		
																<td>
																	06.04.99
																</td>
																<td>Stomatology</td>
																<td><a href="hworkers.html">dr. Haus</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0009</td>
																<td><a href="patients.html">Bred Ferguison</a></td>
																<td>12.12.98</td>	
																<td>
																	12.12.99
																</td>
																<td>Traumatology</td>
																<td><a href="hworkers.html">dr. Smith</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0010</td>
																<td><a href="patients.html">James Bond</a></td>
																<td>06.02.98</td>	
																<td>
																	 12.02.98
																</td>
																<td>Gastroenterology</td>
																<td><a href="hworkers.html">dr. Mytnik</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>
																	0011
																</td>
																<td>
																	<a href="patients.html">Jhon Doe</a>
																</td>
																<td>19.12.76</td>
																<td>19.01.09</td>
																<td>Traumatology</td>
																<td><a href="hworkers.html">dr. Hopkins</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0012</td>
																<td><a href="patients.html">Anna Hill</a></td>
																<td>02.12.08</td>																
																<td>
																	13.01.09
																</td>
																<td>Traumatology</td>
																<td><a href="hworkers.html">dr. Hopkins</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0013</td>
																<td><a href="patients.html">Jhon Richardson</a></td>
																<td>06.02.98</td>		
																<td>
																	06.04.99
																</td>
																<td>Stomatology</td>
																<td><a href="hworkers.html">dr. Haus</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0014</td>
																<td><a href="patients.html">Bred Ferguison</a></td>
																<td>12.12.98</td>	
																<td>
																	12.12.99
																</td>
																<td>Traumatology</td>
																<td><a href="hworkers.html">dr. Smith</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>
															<tr>
																<td>0015</td>
																<td><a href="patients.html">James Bond</a></td>
																<td>06.02.98</td>	
																<td>
																	 12.02.98
																</td>
																<td>Gastroenterology</td>
																<td><a href="hworkers.html">dr. Mytnik</a></td>
																	<td><a href="cardExplorer.html"><div class="modifyIcon"> </div></a><div class="deleteIcon"> </div></td>
														</tr>														
														</table>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div id="tabs-2">
							<div class="contentb">
								<div class="contentt">
									<div class="contentl">
										<div class="contentr">
											<div class="contentbr">
												<div class="contenttl">
													<div class="contentContent">
														<h3>
															New card
														</h3>
														<form>
														<div class="newPanel">
															
															<div class="newParam">Patient</div>
															<div class="newValue"><select>
																						<option value="Jhon Doe">
																						Jhon Doe
																						</option>
																						<option value="Anna Hill">
																						Anna Hill
																						</option>			
																						<option value="Bred Ferguison">
																						Bred Ferguison
																						</option>	
																						<option value="James Bond">
																						Anna Hill
																						</option>																																
																						</select>
																						<button>new</button>
															</div>
															<div class="newParam">Doctor</div>
															<div class="newValue"><select>
																						<option value="dr. Hopkins">
																						dr. Hopkins
																						</option>
																						<option value="dr. Smith">
																						dr. Smith
																						</option>
																						<option value="dr. Mytnik">
																						dr. Mytnik
																						</option>																																																				
																						</select></div>
															<div class="newParam">Department</div>
															<div class="newValue"><select>
																						<option value="Traumatology">
																						Traumatology
																						</option>
																						<option value="Gastroenterology">
																						Gastroenterology
																						</option>
																						<option value="Stomatology">
																						Stomatology
																						</option>																																																				
																						</select></div>
															<div class="newParam">Due date</div>
															<div class="newValue"><input></div>															
															<div class="newParam">&nbsp;</div>
															<div class="newValue"><button>add</button></div>
															</div>
															</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>

			</div>
		</div>
		<div id="windowShade"></div>
	</body>
</html>